/*html,body{*/
/*  font-size: 62.5%;;*/
/*}*/
ul, li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#purchase-summary {
  display: flex;
  flex-direction: column;
}
.up {
  /* height: 20%; */
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.up img {
  width: 2.5rem;
  height: 2.5rem;
 /* border: 1px solid red;
  */
  border-radius: 50%;
}
.up .title {
  font-family: MicrosoftYaHei;
  font-size: 1rem;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0rem;
  color: #5bffff;
  padding-left: 0.625rem;
}
.down {
  height: 80%;
  width: 100%;
  display: flex;
 /* flex-direction: row;
  */
  align-items: center;
 /* flex: 1;
  */
}
.school span{
  display: block;
}
#purchase-summary .down > div {
  flex: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
}
#purchase-summary .down > div:nth-child(1), #purchase-summary .down > div:nth-child(2) {
  border-right: solid 0.0625rem rgba(43, 113, 203, 0.5);
}
#purchase-summary .down .text {
  font-family: MicrosoftYaHei;
  font-size: 0.875rem;
  font-weight: normal;
  font-stretch: normal;
  line-height: 2.25rem;
  letter-spacing: 0rem;
  color: #7d94cf;
}
#purchase-summary .down .totalnum {
  font-family: DIN-Bold;
  font-size: 1.5rem;
  font-weight: normal;
  font-stretch: normal;
  line-height: 2.25rem;
  letter-spacing: 0rem;
  color: #fffe00;
}
#purchase-summary .down li > span:nth-child(3) {
  font-family: MicrosoftYaHei;
  font-size: 0.875rem;
  font-weight: normal;
  letter-spacing: 0rem;
  color: #fffe00;
}
#purchase-category .down > div {
  flex: 1;
  height: 100%;
 /* border: 1px solid red;
  */
}
/* 检测汇总 */
.jiance{
  display: flex;
  align-items: center;
  /* justify-content: flex-end; */
}
.jiance li{
  width: 50%;
}
.jiance+div .m-tablel1 span.s1{
  width:33.33%;
}
.jiance+div .m-tablel1 span.s2{
  width: 33%;
}
.jiance+div .m-tablel1 span.s3{
  width: 33%;
}
.jiance+div .m-tablel1 span.s4{
  /* width: 22%; */
}
.text-style-1 {
  font-family: DIN-Bold;
  font-size: 1.25rem;
  font-weight: normal;
  letter-spacing: 0rem;
  color: #5bffff
}
.jiance{
  /* height: 20%; */
}
.jiance1{
  height: 79%;
}
.jiance1 .m-tablel1 .top{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 10%;
}
.jiance1 .m-tablel1 .top span{
  display: inline-block;
  height: 100%;
}
.jiance1 .m-tablel1 .m-slick1 .item{
  height:calc(100vh / 1080 * 70);
}




/* 3d地图 */
#map {
  height: 100%;
  width: 100%;
}
/* 违规照片 */
#pic .left {
  flex: 2;
  height: 100%;
  position: relative;
 /* border: 1px solid red;
  */
}
#pic .left img {
  width: 95%;
  height: 100%;
}
#pic .left span{
  display: block;
  font-size: 0.875rem;
  color: #FFFEFE;
  line-height: 1.5625rem;
  background: url(../images/bg1.png) no-repeat right center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 0 0.8125rem 0 0.625rem;
}
#pic .right {
  flex: 1;
  height: 100%;
}
#pic ul {
  display: flex;
  height: 80%;
  flex-direction: column;
  justify-content: space-between;
}
#pic li .fieldname {
  font-family: MicrosoftYaHei;
  font-size: 0.875rem;
  font-weight: normal;
  font-stretch: normal;
  line-height: 1.875rem;
  letter-spacing: 0rem;
  color: #fffefe;
  opacity: 0.4;
}
#pic li .fieldvalue {
  font-family: MicrosoftYaHei;
  font-size: 0.875rem;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0rem;
  color: #fffefe;
}
/* 消毒台账样式 */
#xiaodu-pie, #xiaodu-bar, #liuyang-pie, #liuyang-bar {
  flex: 1;
  height: 100%;
}
.right-content .info:nth-child(1) {
  height: 40%;
}
.right-content .info:nth-child(2), .right-content .info:nth-child(3) {
  height: 30%;
}
/* 分类食材采购量top5 */
#caigouliang-bar {
  height: 100%;
  width: 100%;
}
/* 餐饮浪费样式 */
.langfei-static {
  flex-direction: column;
  height: 80%;
  justify-content: space-evenly;
}
.langfei-static > div {
  width: 100%;
  height: 35%;
 /* border: 1px solid red;
  */
  /* margin-top: 1.25rem;    */
  display: flex;
  flex-direction: row;
}
.langfei-static > div > div {
  flex: 1;
  text-align: center;
  line-height: 1.875rem;
}
.langfei-static .canguan-num {
  font-family: DIN-Bold;
  font-size: 1.5rem;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0rem;
  color: #ffffff;
}
.langfei-static .canguan-field {
  font-family: MicrosoftYaHei;
  font-size: 0.875rem;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0rem;
  color: #7d94cf;
}
.canyin>div{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.canyin>div span{
  display: block;
}
/* 人均废弃量 */
#feiqiliang-bar {
  width: 100%;
  height: 100%;
}
.warn-table {
 /* margin: 0.3125rem;
  */
  width: 100%;
  border: 1px solid #0166d5;
  overflow: hidden;
}
table {
  width: 100%;
  border-collapse: collapse;
}
tr:nth-of-type(odd) {
  background: #091b44;
  border: solid 1px rgba(33, 205, 255, 0.4);
}
th {
  background: linear-gradient(#1c407a, #103c75);
  color: white;
  font-weight: bold;
}
td, th {
  font-size: 0.875rem;
  padding: 0.375rem;
  border: 1px solid #09173f;
  text-align: left;
}
/* 过期预警 */
.warn-table {
 /* margin: 0.3125rem;
  */
  width: 100%;
  border: 1px solid #04549b;
}
.m-tablel1 {
  width: 100%;
  height: 100%;
  border-collapse: collapse;
}
.m-tablel1 .top{
  height: 10%;
  width: 100%;
  display: flex;
}

.warn-table .m-tablel1 
.warn-table .m-tablel1>div:nth-child(2){

  height: 90%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
.warn-table .m-tablel1>div:nth-child(2) .item{
  /* height: 20%; */
}
.m-tablel1 span{
  /* display: inline-block; */
  margin:0px;
  padding: 0px;
}
.m-tablel1 span.s1{
  width:27%;
  /* flex:2; */
  padding: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.m-tablel1 span.s2{
  width: 18%;
  /* flex:1; */
  padding: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

}
.m-tablel1 span.s3{
  width: 27%;
  /* flex:1; */
  text-align:center;
  padding: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.m-tablel1 span.s4{
  width: 18%;
  /* flex:1; */
  text-align: center;
  padding: 0px;
  padding-right: 0.4375rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* .m-tablel1 span.s5{
  float: none;
  overflow: hidden;
} */
.m-tablel1 span em{
  font-style: normal;
}
.m-tablel1 .item:nth-of-type(odd) {
  background: #091b44;
 /*border: solid 1px rgba(33, 205, 255, 0.4);
  */
}
.m-tablel1 .top span {
  background: linear-gradient(#1c407a, #103c75);
  color: white;
  font-weight: bold;
  /* flex: 1; */
}
.m-tablel1 .item span, .m-tablel1 .top span {
  /* padding: 0.375rem; */
  /* border: 1px solid #09173f; */
  border-left: none;
  text-align: left;
  font-family: MicrosoftYaHei;
  font-size: 0.875rem;
  font-weight: normal;
  font-stretch: normal;
 /* line-height: 3.125rem;
  */
  letter-spacing: 0rem;
  color: #ffffff;
}
.tabs{
  position:relative;
  width:100%;
  height:100%;
}
.tab-pane{
  display:inline-block;
}
.tabs input[type='radio']{
  position:absolute;
  clip:rect(0,0,0,0)
}
.tab-item{
  display:block;
  height:2.125rem;
  line-height:2.125rem;
  cursor:pointer;
  padding:0 0.625rem
}
.tabs input[type='radio']:checked+.tab-item{
  background:orangered;
  color:#fff
}
.tab-content{
  position:absolute;
  border:1px solid #eee;
 /* padding:1.25rem;
  */
  left:0;
  top:2.25rem;
  bottom:0;
  right:0;
 /* background:#fff;
  */
}
.tabs input[type='radio']:checked+.tab-item+.tab-content{
  z-index:1
}

ul li{
  transition: all;
  transition: background-color 2s;
}



.guoqi .warn-table{
  /* height: 80%; */
}
.guoqi .warn-table .m-tablel2{
  height: 100%;
}
.m-tablel2 .top{
  /* height: 15%; */
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #1a3f79;
}
.m-tablel2 .top th{
  /* text-align: center; */
  width:calc(100vw / 1920 * 200);
  height: calc(100vh / 1080 * 30);
}
.m-tablel2 .m-slick2{
  height: 80%;
  width: 100%;
}
.m-tablel2 .m-slick2 div{
  width: 100%;
}
.m-tablel2 .m-slick2 .item table{
  width: 100%;
  /* border: 1px solid red; */

}
.m-tablel2 .m-slick2 .item table td{
  height:calc(100vh / 1080 * 30);
  width:calc(100vw / 1920 * 200);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}